<template>
  <div class="wrapperS">
    <el-container style="height: 100%;width: 100%;">
       <el-header>
          <adminTop></adminTop>
      </el-header>
      <el-container>
        <el-aside width="200px" style="background-color: #EBEEF1;overflow-x: hidden">
          <adminLeft></adminLeft>
        </el-aside>
        <el-main>
            <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>

export default {
  data() {
    return {
      permission:['menu','index1'],
      now: new Date(),
      timer: null,
    }
  },
  computed: {
    currentPathFlag() {
      const currentPath = this.$route.path.replaceAll("/","")
      return this.permission.includes(currentPath);
    },
    formattedDateTime() {
      const {now} = this;
      const year = now.getFullYear();
      const month = ('0' + (now.getMonth() + 1)).slice(-2);
      const day = ('0' + now.getDate()).slice(-2);
      const hours = ('0' + now.getHours()).slice(-2);
      const minutes = ('0' + now.getMinutes()).slice(-2);
      const seconds = ('0' + now.getSeconds()).slice(-2);

      return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒`;
    }
  },
  mounted() {
    this.timer = setInterval(() => {
      this.now = new Date();
    }, 1000);
  },
  methods: {}
};
</script>
<style scoped>
.el-header {
  background: url("@/assets/top_back.png");
  width: 100%;
  padding: 10px 0px;
}

.router-link-active {
  text-decoration: none;
}

.el-main {
  overflow: hidden;
}

#left-menu-list-box .el-menu {
  border-right: none;
  background-color: #ffffff;
}

a {
  text-decoration: none;
}

.wrapper {
  width: 100%;
  height: 100%;
}

</style>